﻿/* table */
.data-table table{width: 100%;border: 0;border-collapse: collapse;}
.data-table tbody
{
    border-style: solid;
    border-width: 1px;
    border-color: #dfdfdf #C0C0C0 #C0C0C0 #dfdfdf;
    outline-color: invert;
}
.data-table table th
{
    background: #B0B7C4;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    font-size: 13px;
    line-height: 25px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ADB3BB;
}
.data-table table td
{
    margin: 0px;
    padding: 3px 5px 3px 5px;
    color: #000000;
    font-size: 11px;
    background-color: #FFFFFF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #dfdfdf;
}
.data-table table td em{color: #8C929B;font-size: 9px;}
.data-table table input {padding: 4px 2px;margin: 2px 0 5px 10px;}
.data-table table td .edit, .data-table table td .delete{padding-left: 25px;background-repeat: no-repeat;
                                    background-position: left center;padding-top: 4px;padding-bottom: 4px;}
.data-table table td a.edit, .data-table table td a.delete{color: #888;}
.data-table table td .edit {background-image:url(images/edit.png)}
.data-table table td .delete {background-image:url(images/trash.png)}
/*the pager for grid views*/
.data-table table tr table td{background-color: #E5E5E5;}
.data-table table tr table{width: auto;}
.data-table table tr.evenTr td{background-color: #F4F4F4;}

#system-menu {margin: 0px;color: #888;}	
#system-menu , #system-menu  ul{padding: 3px 0px 0px 0px;margin: 0px;list-style: none;}
#system-menu  li {float: left;list-style:none;}
#system-menu  img{border-style: none;padding: 0px;margin: 0px 10px 0px 0px;background: none;}
 #system-menu  a{display: block;color: #fff;text-decoration: none;padding: 6px 12px 6px 20px;}
#system-menu  a:hover{cursor: pointer;text-decoration: none;color: #99CC00;}
#system-menu  a:active {text-decoration:none;}		
/*Dropdown Menus for child pages */	
#system-menu  li ul{/*first level dropdown*/margin: 0px;position: absolute;z-index: 10;left: -999em;height: auto;width: 172px;
    background: #444444}
#system-menu  li li{width: 172px;}
#system-menu  li li a, #system-menu  li li a:visited {}
#system-menu  li li a:hover, #system-menu  li li a:active{}
#system-menu  li:hover ul, #system-menu  li li:hover ul, #system-menu  li li li:hover ul, #system-menu  li.sfhover ul, #system-menu  li li.sfhover ul, #system-menu  li li li.sfhover ul {left: auto;}
#system-menu  .current-page{color: #FF9900;}

/* accordion styles*/
ul.accordion-menu{}
ul.accordion-menu li{list-style-type: none;}
ul.accordion-menu li.activeHeader{}
ul.accordion-menu li.activeHeader a.menu-header
{
    text-decoration: none;
    background-color: #808080;
    color: #FFFFFF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #444;
}
ul.accordion-menu li.menu-list{}
ul.accordion-menu li .menu-header
{
    margin: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #808080 #333333 #333333 #808080;
    font: 13px/27px 'Lucida Grande' , Verdana, Arial, 'Bitstream Vera Sans' , sans-serif;
    color: #FFFFFF;
    padding-left: 10px;
    display: block;
    height: 27px;
    cursor: pointer;
    background-color: #666666;
    padding-bottom: 4px;
    font-weight: bold;
    padding-top: 4px;
}
ul.accordion-menu li .menu-header:hover
{
    text-decoration: none;
    background: #808080;
}
ul.accordion-menu li ul
{
    border-style: none;
    background: #444444;
}
ul.accordion-menu li ul li{cursor: pointer;background-color: #3d3d3d;}

#system-menu  li li a,
ul.accordion-menu li a,
ul.accordion-menu li ul li a
{
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    font: bold 11px/1.3em Tahoma, Geneva, Verdana, sans-serif;
    display: block;
    color: #fff;
    padding: 8px 10px 8px 12px;
    text-decoration: none;
    border-bottom-color: #242424;
    border-right-color: #242424;
    border-top-color: #4a4a4a;
}                            
ul.accordion-menu li ul .active{color: #FF9900;}
ul.accordion-menu li ul li a:hover{color: #99CC00;}	

/*logging bar*/
.log-bar ul{width: 100px;}
.log-bar ul li{font-family: arial, Helvetica, sans-serif;font-size: 11px;}
.log-bar ul li a{}

/*tabs*/
ul.tabs{margin: 0;padding: 0;float: left;list-style: none;height: 27px;border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;width: 220px;}
ul.tabs li {float: left;margin: 0;padding: 0;height: 26px;line-height: 26px;border: 1px solid #dfdfdf;
	border-left: none;margin-bottom: -1px;overflow: hidden;position: relative;background: #f1f1f1;}
ul.tabs li a{text-decoration: none;color: #21759b;display: block;font: 13px/27px 'Lucida Grande' , Verdana, Arial, 'Bitstream Vera Sans' , sans-serif;
    padding: 0 10px;border: 1px solid #fff;outline: none;}
ul.tabs li a:hover{background: #E9E9E9;}
html ul.tabs li.active, html ul.tabs li.active a:hover  { background: #fff;border-bottom: 1px solid #fff;}
.tab_container {border: 1px solid #eaeaea;border-top: none;overflow: hidden;clear: both;width: 220px;background: #fff;}
.tab_content{padding: 10px 2px 2px 8px;}
.tab_content p{font-family: arial, Helvetica, sans-serif;font-size: 11px;color: #666;}
.tab_content h1, .tab_content h2, .tab_content h3, .tab_content strong, .tab_content em{font-weight: bold !important;}
.tab_content h1{font-size: 14px;line-height: 18px;}
.tab_content h2{font-size: 13px;line-height: 18px;}
.tab_content h3{font-size: 12px;line-height: 16px;}
.tab_content p{font-family: arial, Helvetica, sans-serif;font-size: 11px;padding: 3px;color: #666;}
.tab_content a{color: #5A93C9;}
.tab_content a:hover{text-decoration: underline;}
.Helpbar{margin-top: 10px;margin-bottom: 10px;padding: 5px;}